<template>
    <div class="col-lg-12 col-md-12 col-sm-12" style="height: 500px;">
        <div class="col-lg-10 col-md-10 col-sm-10 swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div style="width: 100%;height: 100%;">
                        <img src="http://demo.cssmoban.com/cssthemes3/cpts_279_kv/images/banner.jpg" style="width: 100%;height: 100%;">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div style="width: 100%;height: 100%;">
                        <img src="http://demo.cssmoban.com/cssthemes3/cpts_279_kv/images/banner1.jpg" style="width: 100%;height: 100%;">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div style="width: 100%;height: 100%;">
                        <img src="http://demo.cssmoban.com/cssthemes3/cpts_279_kv/images/banner2.jpg" style="width: 100%;height: 100%;">
                    </div>
                </div>
            </div>

            <div class="swiper-pagination"></div>

            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>

        </div>
    </div>
</template>
<style>

</style>
<script>
    import Swiper from '../../../../public/static/js/swiper-3.4.1.min.js';
    export default{
        data(){
            return{

            }
        },
        components:{

        },
        created(){

        },
        mounted(){
            var swiper = new Swiper('.swiper-container', {
                    slidesPerView: 1,
                    loop:false,
                    grabCursor: true,
                    paginationClickable: true,
                    spaceBetween: 30,
                    autoplay: 3000,
                    pagination: '.swiper-pagination',
                    nextButton: '.swiper-button-next',
                    prevButton: '.swiper-button-prev',
                });
        }
    }
</script>
